@charset "utf-8";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ec8e12;
.web {
    font-size: 0;
    padding: 0 r(22);
    header {
        padding: r(48) r(22) r(26) r(23);
        .particular_back {
            p {
                font-size: r(26);
                color: #000000;
                padding: r(15) r(31) r(16) r(31);
                border: r(3) solid $color;
                border-radius: r(15);
            }
        }
        .particular_star {
            margin-top: r(20);
            i {
                font-size: r(48);
                color: $color;
            }
        }
        div:last-child {
            font-size: r(26);
            text-align: center;
            transform: translateX(r(20));
            margin-top: r(20);
        }
    }
    section {
        overflow-y: auto;
        position: absolute;
        top: r(150);
        bottom: r(163);
        .particular_KV {
            .particular_kvphoto {
                width: r(710);
                height: r(259);
                text-align: center;
                img {
                    width: 100%;
                }
            }
            .particular_price {
                padding: r(37) r(18) r(47) r(21);
                .kv_price_left {
                    color: $color;
                    i {
                        font-size: r(55);
                        vertical-align: middle;
                    }
                    span {
                        font-size: r(72);
                        vertical-align: middle;
                    }
                }
                .kv_price_right {
                    width: r(111);
                    height: r(59);
                    background-color: $color;
                    border-radius: r(15);
                    margin-top: r(15);
                    p {
                        font-size: r(30);
                        color: white;
                        text-align: center;
                        line-height: r(59);
                    }
                }
            }
            .particular_appraise {
                padding: r(0) r(18) r(36) r(21);
                .particular_appraise_left {
                    color: $color;
                    i {
                        font-size: r(36);
                        vertical-align: middle;
                        margin-right: r(14);
                    }
                    span:nth-of-type(1) {
                        font-size: r(30);
                        color: #000000;
                        vertical-align: middle;
                    }
                    span:nth-of-type(2) {
                        font-size: r(30);
                        vertical-align: middle;
                    }
                }
                .particular_appraise_right {
                    span {
                        color: #8e8e8e;
                        font-size: r(26);
                        vertical-align: middle;
                    }
                    i {
                        color: #8e8e8e;
                        font-size: r(14);
                        vertical-align: middle;
                    }
                }
            }
        }
        .particular_footer {
            .particular_footer_nav {
                width: r(664);
                height: r(67);
                background-color: $color;
                padding: r(15) r(9) r(18) r(11);
                margin: 0 auto;
                margin-bottom: r(10);
                .footer_nav_left {
                    font-size: r(30);
                    color: white;
                }
                .footer_nav_right {
                    font-size: r(25);
                    margin-top: r(5);
                    i {
                        color: white;
                    }
                }
            }
            .particular_footer_details {
                padding: 0 r(18) r(0) r(23);
                .particular_footer_sushi {
                    .footer_sushi_left {
                        width: r(177);
                        height: r(176);
                        margin-right: r(24);
                        position:relative; 
                        &::before{
                            content: "正佳店";
                            width: r(177);
                            height: r(37);
                            font-size: r(24);
                            line-height: r(37);
                            text-align: center;
                            background-color: rgba(171,171,171,.67);
                            position: absolute;
                            top: r(92);
                        }
                        img {
                            width: 100%;
                        }
                    }
                    .footer_sushi_right {
                        width: r(111);
                        height: r(59);
                        background-color: $color;
                        border-radius: r(15);
                        margin-top: r(60);
                        p {
                            font-size: r(30);
                            color: white;
                            text-align: center;
                            line-height: r(59);
                        }
                    }
                    div:last-child {
                        li {
                            font-size: r(30);
                            i {
                                font-size: r(34);
                                color: $color;
                            }
                            span {
                                font-size: r(26);
                                color: #929292;
                            }
                        }
                        li:nth-of-type(4){
                            margin-top: r(20);
                            span{
                                color: $color;
                                font-size: r(20);                              
                            }
                            i{color: $color;font-size: r(10);margin-left: r(-5);}
                        }
                    }
                }
                .tiyuxi{
                    margin-top: r(10);
                    .footer_sushi_left::before{
                        content: "体育西店";
                    }
                }
                .changgang{
                    margin-top: r(10);
                    .footer_sushi_left::before{
                        content: "昌岗店";
                    }
                }
            }
        }
    }
}